.ph-icon-arrow{
    position: relative;
    &.ph-action{
        padding-right:var(--ph-30);
    }
    &:before{
        content:"";
        position: absolute;
        border: 5px solid transparent;
        opacity: .7;
    }
    &-down:before{
        top: 50%;
        right: var(--ph-10);
        border-top-color: currentColor;
        transform: translateY(-25%);
    }
    &-up:before{
        bottom: 50%;
        right: var(--ph-10);
        border-bottom-color: currentColor;
        transform: translateY(25%);
    }
}